diff options
Diffstat (limited to 'src/app/anime/[id]')
| -rw-r--r-- | src/app/anime/[id]/buttons.jsx | 50 | ||||
| -rw-r--r-- | src/app/anime/[id]/info.module.css | 5 | ||||
| -rw-r--r-- | src/app/anime/[id]/page.jsx | 2 |
3 files changed, 25 insertions, 32 deletions
diff --git a/src/app/anime/[id]/buttons.jsx b/src/app/anime/[id]/buttons.jsx index eac1884..3ce44e2 100644 --- a/src/app/anime/[id]/buttons.jsx +++ b/src/app/anime/[id]/buttons.jsx @@ -55,32 +55,30 @@ export default function Button({ data2: info }) { } }} > - <div className={styles.video}> - <MediaPlayer - title="dramaPlayer" - src={videoLink} - aspectRatio="16/9" - load="eager" - className={styles.VideoPlayer} - playsInline - id="videoPlayer" - volume={0.2} - onQualityChange={(event) => - console.log("changed qualities", event) - } - > - <MediaProvider /> - <PlyrLayout icons={plyrLayoutIcons} /> - </MediaPlayer> - <button - className={styles.closeButton} - onClick={() => { - setVideoLink(""); - }} - > - Close - </button> - </div> + <MediaPlayer + title="dramaPlayer" + src={videoLink} + aspectRatio="16/9" + load="eager" + className={styles.VideoPlayer} + playsInline + id="videoPlayer" + volume={0.2} + onQualityChange={(event) => + console.log("changed qualities", event) + } + > + <MediaProvider /> + <PlyrLayout icons={plyrLayoutIcons} /> + </MediaPlayer> + <button + className={styles.closeButton} + onClick={() => { + setVideoLink(""); + }} + > + Close + </button> </div> )} </main> diff --git a/src/app/anime/[id]/info.module.css b/src/app/anime/[id]/info.module.css index 1a8ccf8..15fd0cd 100644 --- a/src/app/anime/[id]/info.module.css +++ b/src/app/anime/[id]/info.module.css @@ -132,10 +132,6 @@ overflow-y: auto; } -.video { - display: flex; - flex-direction: column; -} .closeButton { font-family: "Poppins", serif; @@ -147,7 +143,6 @@ border-radius: 0.5rem; cursor: pointer; margin: 5px; - width: auto; } .VideoPlayer { diff --git a/src/app/anime/[id]/page.jsx b/src/app/anime/[id]/page.jsx index 978a21c..ed8b1de 100644 --- a/src/app/anime/[id]/page.jsx +++ b/src/app/anime/[id]/page.jsx @@ -44,7 +44,7 @@ export default async function AnimeInfo({ params }) { Type: <span>{info && info.type}</span> </p> <p className={styles.animeRelease}> - Release year:{" "} + Release year: <span> {info && info.releaseDate}, {info && info.status} </span> |